<template>
  <div id="css-lib">
    <my-content>
      <my-aside :menuList="menuList"></my-aside>
    </my-content>
  </div>
</template>

<script>
import MyAside from "@/components/content/aside/MyAside.vue";
import MyContent from "@/components/common/content/MyContent.vue";
export default {
  name: "CssLib",
  data() {
    return {
      menuList: [
        {
          title: "布局",
          path: "./html/css/布局.html",
        },
        {
          title: "常见问题",
          path: "./html/css/常见问题.html",
        },
        {
          title: "动画",
          path: "./html/css/动画.html",
        },
        {
          title: "居中",
          path: "./html/css/居中.html",
        },
        {
          title: "其他",
          path: "./html/css/其他.html",
        },
        {
          title: "css选择器",
          path: "./html/css/css选择器.html",
        },
      ],
    };
  },
  components: {
    MyAside,
    MyContent,
  },
};
</script>


<style scoped>
#css-lib {
  padding: 20px;
}
</style>
